<!DOCTYPE html>
<html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>
            首页 · 后台模板 HTML
        </title>
        <link rel="stylesheet" href="__PUBLIC__/frame/layui/css/layui.css">
        <link rel="stylesheet" href="__PUBLIC__/frame/static/css/style.css">
        <link rel="icon" href="__PUBLIC__/frame/static/image/code.png">
        <script type="text/javascript" src="__PUBLIC__/js/jquery1.12.4.js"></script>
        <script type="text/javascript" src="__PUBLIC__/frame/layui/layui.js"></script>
        <script type="text/javascript" src="__PUBLIC__/frame/static/js/vip_comm.js"></script>
        <link rel="stylesheet" href="http://at.alicdn.com/t/font_816113_3b7v3sw2899.css">
    </head>
    <body>
        <!-- layout admin -->
        <div class="layui-layout layui-layout-admin">
            <!-- 添加skin-1类可手动修改主题为纯白，添加skin-2类可手动修改主题为蓝白 -->
            <!-- header -->
            <div class="layui-header my-header">
                <a href="index.html">
                    <!--<img class="my-header-logo" src="" alt="logo">-->
                    <div class="my-header-logo">
                        人口动态信息管理平台
                    </div>
                </a>
                <div class="my-header-btn">
                    <button class="layui-btn layui-btn-small btn-nav">
                        <i class="layui-icon">
                            &#xe65f;
                        </i>
                    </button>
                </div>
                <!-- 顶部左侧添加选项卡监听 -->
                <ul class="layui-nav" lay-filter="side-top-left">
                    <!--<li class="layui-nav-item"><a href="javascript:;" href-url="__PUBLIC__/demo/btn.html"><i class="layui-icon">&#xe621;</i>按钮</a></li>
                    <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon">&#xe621;</i>基础</a>
                    <dl class="layui-nav-child">
                    <dd><a href="javascript:;" href-url="__PUBLIC__/demo/btn.html"><i class="layui-icon">&#xe621;</i>按钮</a></dd>
                    <dd><a href="javascript:;" href-url="__PUBLIC__/demo/form.html"><i class="layui-icon">&#xe621;</i>表单</a></dd>
                    </dl>
                    </li>-->
                </ul>
                <!-- 顶部右侧添加选项卡监听 -->
                <ul class="layui-nav my-header-user-nav" lay-filter="side-top-right">
                    <li class="layui-nav-item">
                        <a href="javascript:;" class="pay" href-url="">
                            支持作者
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a class="name" href="javascript:;">
                            <i class="layui-icon">
                                &#xe629;
                            </i>
                            主题
                        </a>
                        <dl class="layui-nav-child">
                            <dd data-skin="0">
                                <a href="javascript:;">
                                    默认
                                </a>
                            </dd>
                            <dd data-skin="1">
                                <a href="javascript:;">
                                    纯白
                                </a>
                            </dd>
                            <dd data-skin="2">
                                <a href="javascript:;">
                                    蓝白
                                </a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a class="name" href="javascript:;">
                            <img src="__PUBLIC__/frame/static/image/code.png" alt="logo">
                            <?php echo $realname;?>
                        </a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="javascript:;" href-url="__PUBLIC__/demo/login.html">
                                    <i class="layui-icon">
                                        &#xe621;
                                    </i>
                                    登录页
                                </a>
                            </dd>
                            <dd>
                                <a href="javascript:;" href-url="__PUBLIC__/demo/map.html">
                                    <i class="layui-icon">
                                        &#xe621;
                                    </i>
                                    图表
                                </a>
                            </dd>
                            <dd>
                                <a href="{:U('login/logout')}">
                                    <i class="layui-icon">
                                        &#x1006;
                                    </i>
                                    退出
                                </a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <!-- side -->
            <div class="layui-side my-side" style="background:rgb(48,48,48); ">
                <div class="layui-side-scroll">
                    <!-- 左侧主菜单添加选项卡监听 -->
                    <ul class="layui-nav layui-nav-tree" lay-filter="side-main">
                    <!--  layui-nav-itemed 选中打开-->
                        <?php foreach($btn as $k=>$v){?>
                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                <i class="iconfont"><?php echo $v['icon']?></i>
                                <?php echo $v['pri_name'];?>
                            </a>
                            <dl class="layui-nav-child">
                                <?php foreach($v['children'] as $v1){?>
                                <dd>
                                    <a href="javascript: void(0);" href-url="<?php echo U($v1['module_name'].'/'.$v1['controller_name'].'/'.$v1['action_name']);?>">
                                        <i class="layui-icon">
                                            &#xe621;
                                        </i>
                                        <?php echo $v1['pri_name'];?>
                                    </a>
                                </dd>
                                <?php }?>

                            </dl>
                        </li>
                        <?php }?>
                    </ul>
                </div>
            </div>
            <!-- body -->
            <div class="layui-body my-body" style="bottom: 0;">
                <div class="layui-tab layui-tab-card my-tab" lay-filter="card" lay-allowClose="true">
                    <ul class="layui-tab-title">
                        <li class="layui-this" lay-id="1">
                            <span>
                                <i class="layui-icon">
                                    &#xe638;
                                </i>
                                欢迎页
                            </span>
                        </li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <!--{__CONTENT__}-->
                             <iframe id="iframe" src="{:U('home/index/chart')}" frameborder="0"></iframe>
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer -->
            <!--<div class="layui-footer my-footer">-->
            <!--</div>-->
        </div>
        <!-- pay -->
        <div class="my-pay-box none">
            <div>
                <img src="__PUBLIC__/frame/static/image/zfb.png" alt="支付宝">
                <p>
                    支付宝
                </p>
            </div>
            <div>
                <img src="__PUBLIC__/frame/static/image/wx.png" alt="微信">
                <p>
                    微信
                </p>
            </div>
        </div>
        <!-- 右键菜单 -->
        <div class="my-dblclick-box none">
        <div class="my-dblclick-box none">
            <table class="layui-tab dblclick-tab">
                <tr class="card-refresh">
                    <td>
                        <i class="layui-icon">
                            &#x1002;
                        </i>
                        刷新当前标签
                    </td>
                </tr>
                <tr class="card-close">
                    <td>
                        <i class="layui-icon">
                            &#x1006;
                        </i>
                        关闭当前标签
                    </td>
                </tr>
                <tr class="card-close-all">
                    <td>
                        <i class="layui-icon">
                            &#x1006;
                        </i>
                        关闭所有标签
                    </td>
                </tr>
            </table>
        </div>
        <script type="text/javascript">
            layui.use(['layer', '../../../../../Public/frame/static/js/vip_nav'],
            function() {

                // 操作对象
                var layer = layui.layer,
                vipNav = layui.vip_nav,
                $ = layui.jquery;

                // 顶部左侧菜单生成 [请求地址,过滤ID,是否展开,携带参数]
                vipNav.top_left('__PUBLIC__/json/nav_top_left.json', 'side-top-left', false);
                // 主体菜单生成 [请求地址,过滤ID,是否展开,携带参数]
                vipNav.main('__PUBLIC__/json/nav_main.json', 'side-main', true);

                // you code ...

            });
        </script>
    </body>

</html>